<template>
    <div class="listtop">
            <div class="selectAll">
                <input type="checkbox" v-model="ischeckedAll">全选
                <div class="getCount">{{$store.getters.getCount}}</div>
            </div>
            <div class="inner">
                商品信息
            </div>
            <div class="inner">
                单价
            </div>
            <div class="inner">
                数量
            </div>
            <div class="inner">
                金额
            </div>
            <div class="operate">
                操作
            </div>
            <div style="clear:both;"></div>
        </div>
</template>

<script>
export default {
    props:["ischeckAll"],
    data(){
        return {
            ischeckedAll:this.ischeckAll
        }
    },
    watch:{
        ischeckedAll(){
            this.$emit("update_checkAll",this.ischeckedAll);
        },
        ischeckAll(){
            this.ischeckedAll = this.ischeckAll;
        }
    }
}
</script>

<style scoped>
    .listtop{
        /* margin: 20px 0 0 0;
        margin: 0 auto; */
        /* background: #c0dac8; */
        width: 70%;
        min-width: 800px;
        border-bottom: tan solid 1px;
    }
    .selectAll{
        width: 80px;
        height: 50px;
        display: flex;
        align-items: center;
        /* justify-content: center; */
        float: left;
        font-size: 12px;
        font-weight: lighter;
        font-family: 'SimSun';
    }
    .getCount{
        float: left;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: brown;
        color: burlywood;
        text-align: center;
        line-height: 20px;
    }
    .inner,.operate{
        display: flex;
        align-items: center;
        height: 50px;
        float: left;
        font-size: 12px;
        font-weight: lighter;
        font-family: 'SimSun';
    }
    .inner{
        width: 160px;
    }
    .operate{
        width: 80px;
    }    
</style>